fontawesomecss

CSShasapowerfulfeatureknownasPseudo-elements(opensnewwindow).FontAwesomehasleveragedthe::beforepseudo-elementtoaddiconstoapagesincethe ...,Wenowincludea@font-faceshiminourWebFontsversionofFontAwesomebydefault.ThisshimhandlespointingtotheproperVersion6WebFontfilesforyou.,Takethehassleoutoficonsinyourdesigns.FontAwesomeistheInternet'siconlibraryandtoolkit,usedbymillionsofdesigners,developers, .....

參考資訊如下
CSS Pseudo

CSS has a powerful feature known as Pseudo-elements (opens new window). Font Awesome has leveraged the ::before pseudo-element to add icons to a page since the ...

CSS Pseudo-elements

We now include a @font-face shim in our Web Fonts version of Font Awesome by default. This shim handles pointing to the proper Version 6 Web Font files for you.

Font Awesome

Take the hassle out of icons in your designs. Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, ...

Font Awesome Intro

You place Font Awesome icons by using the prefix fa and the icon's name. Example. The following code: <!DOCTYPE html> <html>

Font Awesome 图标

Font Awesome 图标Font Awesome 是一个流行的图标字体库，用于网页设计和开发。 Font Awesome 包含了一系列矢量图标，可以轻松地通过CSS 进行调用和使用，它可以被定制 ...

Font Awesome, the iconic font and CSS toolkit

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of ...

Font

Font Awesome網站提供許多好看的icon可以免費下載使用，原理為將icon以文字型式(fonts)表現，在應用上比起將設計的icon切成圖片使用來得更加便利。

Get Started with Font Awesome

Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and customize the LESS yourself!

How To Add Icons

We recommend using <i> element with the Font Awesome CSS classes for the style class for the style of icon you want to use and the icon name class with the fa- ...